<!-- z-paging自定义的下拉刷新view -->
<template>
  <view class="refresher-container">
    <!-- 这里的图片请换成自己项目的图片 -->
    <!-- <image
			class="refresher-image"
			mode="aspectFit"
			src="https://dsfw.oss-cn-shanghai.aliyuncs.com/202211272034778.gif"
		></image> -->

    <text class="refresher-text">{{ statusText }}</text>
  </view>
</template>

<script>
  export default {
    data() {
      return {}
    },
    computed: {
      statusText() {
        // 这里可以做i18n国际化相关操作，可以通过uni.getLocale()获取当前语言(具体操作见i18n-demo.vue);
        // 获取到当前语言之后，就可以自定义不同语言下的展示内容了
        const statusTextArr = ['哎呀，用点力继续下拉！', '拉疼我啦，松手刷新~~', '正在努力刷新中...', '刷新成功啦~']
        return statusTextArr[this.status]
      }
    },
    props: {
      status: {
        type: Number,
        default: function () {
          return 0
        }
      }
    }
  }
</script>

<style scoped>
  .refresher-container {
    /* #ifndef APP-NVUE */
    display: flex;
    /* #endif */
    height: 150rpx;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .refresher-image {
    margin-top: 10rpx;
    height: 45px;
    width: 45px;
  }

  .refresher-text {
    margin-top: 10rpx;
    font-size: 24rpx;
    color: #666666;
  }
</style>
